<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="index.css">
</head>
<body>
    <header>
        
    </header>
    <main>
        <!-- section相当于一个块，大的div -->
        <section class="section-1">
            <!-- div.card*4 -->
            <div class="card">
                <div class="card-imgbox">
                    <img src="img/1-1.png" alt="1-1">
                </div>
                <div class="card-text">
                    <span class="card-text-num">1</span><span class="card-text-span">声铃</span>
                    <div class="card-text-span">城市/厂房火灾</div>
                </div>
            </div>
            <div class="card">
                <div class="card-imgbox">
                    <img src="img/1-1.png" alt="1-1">
                </div>
                <div class="card-text">
                    <span class="card-text-num">1</span><span class="card-text-span">声铃</span>
                    <div class="card-text-span">城市/厂房火灾</div>
                </div>
            </div>
            <div class="card">
                <div class="card-imgbox">
                    <img src="img/1-1.png" alt="1-1">
                </div>
                <div class="card-text">
                    <span class="card-text-num">1</span><span class="card-text-span">声铃</span>
                    <div class="card-text-span">城市/厂房火灾</div>
                </div>
            </div>
            <div class="card">
                <div class="card-imgbox">
                    <img src="img/1-1.png" alt="1-1">
                </div>
                <div class="card-text">
                    <span class="card-text-num">1</span><span class="card-text-span">声铃</span>
                    <div class="card-text-span">城市/厂房火灾</div>
                </div>
            </div>
        </section>
        <section class="section-2">
            <div class="section-2-item">
                <span >火灾灯</span>
            </div>
            <div class="section-2-item">
                <span >火灾灯</span>
            </div>
            <div class="section-2-item">
                <span >火灾灯</span>
            </div>
            <div class="section-2-item">
                <span >火灾灯</span>
            </div>
            <div class="section-2-item">
                <span >火灾灯</span>
            </div>
        </section>
        <section class="section-3">
            <div class="card-3">
                <div class="card3-3-imgbox">
                    <img src="img/远程开门.png">
                </div>
                <h3 class="card3-text">开门</h3>
            </div>
            <div class="card-3">
                <div class="card3-3-imgbox">
                    <img src="img/远程开门.png">
                </div>
                <h3 class="card3-text">开门</h3>
            </div>
            <div class="card-3">
                <div class="card3-3-imgbox">
                    <img src="img/远程开门.png">
                </div>
                <h3 class="card3-text">开门</h3>
            </div>
            <div class="card-3">
                <div class="card3-3-imgbox">
                    <img src="img/远程开门.png">
                </div>
                <h3 class="card3-text">开门</h3>
            </div>
            <div class="card-3">
                <div class="card3-3-imgbox">
                    <img src="img/远程开门.png">
                </div>
                <h3 class="card3-text">开门</h3>
            </div>
            <div class="card-3">
                <div class="card3-3-imgbox">
                    <img src="img/远程开门.png">
                </div>
                <h3 class="card3-text">开门</h3>
            </div>
            <div class="card-3">
                <div class="card3-3-imgbox">
                    <img src="img/远程开门.png">
                </div>
                <h3 class="card3-text">开门</h3>
            </div>

        </section>
        <section class="section-4">
            <span class="text4-d">*点击下面要调读参与救援的专职队</span>
        </section>
        <section class="section-5">
            <div class="card-5">
                <span class="card-5-text">值下</span>
            </div>
            <div class="card-5">
                <span class="card-5-text">值下</span>
            </div>
            <div class="card-5">
                <span class="card-5-text">值下</span>
            </div>
            <div class="card-5">
                <span class="card-5-text">值下</span>
            </div>
            <div class="card-5">
                <span class="card-5-text">值下</span>
            </div>
            <div class="card-5">
                <span class="card-5-text">值下</span>
            </div>
        </section>
        <section class="section-6">
            <div class="card-5">
                <span class="card-5-text">值下</span>
            </div>
            <div class="card-5">
                <span class="card-5-text">值下</span>
            </div>
            <div class="card-5">
                <span class="card-5-text">值下</span>
            </div>
            <div class="card-5">
                <span class="card-5-text">值下</span>
            </div>
            <div class="card-5">
                <span class="card-5-text">值下</span>
            </div>
            <div class="card-5">
                <span class="card-5-text">值下</span>
            </div>
        </section>
    </main>
    <footer>
        <div class="footer-out"></div>
        <div class="footer-tianqi"></div>
        <div class="footer-date"></div>
    </footer>
    
</body>
</html>